* {
  padding: 0;
  margin: 0; }

li {
  list-style-type: none; }

a {
  text-decoration: none; }

.sav {
  width: 100%; }



.section {
  width: 100%;
  background-color: #f5f5f5; }
  .section::after {
    content: "";
    display: block;
    height: 142px;
    background-color: #f5f5f5; }
    .section::after::after {
      content: "";
      display: block;
      clear: both; }
  .section > .section_top {
    width: 1113px;
    margin: 0 auto; }
    .section > .section_top > p:first-of-type {
      font-size: 18px;
      padding-top: 28px;
      font-weight: 600; }
    .section > .section_top > table {
      margin-top: 53px; }
      .section > .section_top > table a {
        cursor: pointer;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s; }
      .section > .section_top > table a:hover {
        color: red;
        font-size: 17px; }
      .section > .section_top > table tr {
        height: 30px; }
        .section > .section_top > table tr td {
          width: 120px; }
          .section > .section_top > table tr td:first-of-type {
            color: #bfbfbf;
            width: 98px; }
  .section .section_section {
    width: 1113px;
    margin: 0 auto; }
    .section .section_section .section_section_top {
      height: 32px;
      width: 100%;
      background-color: #d8d8d8; }
      .section .section_section .section_section_top label {
        line-height: 32px;
        padding-left: 19px; }
      .section .section_section .section_section_top span {
        display: inline-block;
        line-height: 32px;
        margin-left: 7px; }
    .section .section_section .section_section_section {
      width: 100%; }
      .section .section_section .section_section_section::after {
        content: "";
        display: block;
        clear: both; }
      .section .section_section .section_section_section > ul > li {
        margin-top: 18px;
        margin-left: 11px;
        float: left; }
        .section .section_section .section_section_section > ul > li:first-of-type {
          margin-left: 0px; }
        .section .section_section .section_section_section > ul > li:nth-of-type(5) {
          margin-left: 0px; }
        .section .section_section .section_section_section > ul > li:nth-of-type(9) {
          margin-left: 0px; }
        .section .section_section .section_section_section > ul > li > div {
          position: relative;
          width: 270px;
          height: 380px;
          background-color: #e4e4e4;
          overflow: hidden; }
          .section .section_section .section_section_section > ul > li > div .cube {
            width: 270px;
            height: 270px;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            margin: auto; }
          .section .section_section .section_section_section > ul > li > div .side {
            width: 100%;
            height: 100%;
            line-height: 200px;
            font-size: 100px;
            position: absolute;
            text-align: center;
            background-image: url(../img/sousuo_img_01.jpg);
            background-repeat: no-repeat;
            -webkit-background-size: 270px 270px;
            -moz-background-size: 270px 270px;
            background-size: 270px 270px; }
          .section .section_section .section_section_section > ul > li > div .front {
            -webkit-transform: translateZ(135px);
            -moz-transform: translateZ(135px);
            transform: translateZ(135px); }
          .section .section_section .section_section_section > ul > li > div .back {
            -webkit-transform: rotateY(180deg) translateZ(135px);
            -moz-transform: rotateY(180deg) translateZ(135px);
            transform: rotateY(180deg) translateZ(135px); }
          .section .section_section .section_section_section > ul > li > div .left {
            -webkit-transform: rotateY(-90deg) translateZ(135px);
            -moz-transform: rotateY(-90deg) translateZ(135px);
            transform: rotateY(-90deg) translateZ(135px); }
          .section .section_section .section_section_section > ul > li > div .right {
            -webkit-transform: rotateY(90deg) translateZ(135px);
            -moz-transform: rotateY(90deg) translateZ(135px);
            transform: rotateY(90deg) translateZ(135px); }
          .section .section_section .section_section_section > ul > li > div .top {
            -webkit-transform: rotateX(-90deg) translateZ(135px);
            -moz-transform: rotateX(-90deg) translateZ(135px);
            transform: rotateX(-90deg) translateZ(135px); }
          .section .section_section .section_section_section > ul > li > div .bottom {
            -webkit-transform: rotateX(90deg) translateZ(135px);
            -moz-transform: rotateX(90deg) translateZ(135px);
            transform: rotateX(90deg) translateZ(135px); }

@-webkit-keyframes tate {
  0% {
    -webkit-transform: rotateX(0) rotateY(0) rotatZ(0);
    transform: rotateX(0) rotateY(0) rotatZ(0); }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); } }

@-moz-keyframes tate {
  0% {
    -moz-transform: rotateX(0) rotateY(0) rotatZ(0);
    transform: rotateX(0) rotateY(0) rotatZ(0); }
  100% {
    -moz-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); } }

@-o-keyframes tate {
  0% {
    transform: rotateX(0) rotateY(0) rotatZ(0); }
  100% {
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); } }

@keyframes tate {
  0% {
    -webkit-transform: rotateX(0) rotateY(0) rotatZ(0);
    -moz-transform: rotateX(0) rotateY(0) rotatZ(0);
    transform: rotateX(0) rotateY(0) rotatZ(0); }
  100% {
    -webkit-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
    -moz-transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(90deg) rotateZ(0deg); } }

@-webkit-keyframes showbig {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2); } }

@-moz-keyframes showbig {
  0% {
    -moz-transform: scale(1);
    transform: scale(1); }
  100% {
    -moz-transform: scale(1.2);
    transform: scale(1.2); } }

@-o-keyframes showbig {
  0% {
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -o-transform: scale(1.2);
    transform: scale(1.2); } }

@keyframes showbig {
  0% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); } }
          .section .section_section .section_section_section > ul > li > div > ul {
            display: none; }
          .section .section_section .section_section_section > ul > li > div:hover ul {
            display: block;
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            transform-style: preserve-3d;
            -webkit-animation: tate 0.5s linear  forwards;
            -moz-animation: tate 0.5s linear  forwards;
            -o-animation: tate 0.5s linear  forwards;
            animation: tate 0.5s linear  forwards; }
          .section .section_section .section_section_section > ul > li > div:hover img {
            display: none; }
          .section .section_section .section_section_section > ul > li > div img {
            width: 270px; }
          .section .section_section .section_section_section > ul > li > div span {
            opacity: 0;
            width: 100%;
            height: 110px;
            background-color: #e65856;
            position: absolute;
            left: 0;
            bottom: 0;
            font-size: 12px;
            text-align: center;
            line-height: 55px;
            -webkit-transition: all 0.5s;
            -o-transition: all 0.5s;
            -moz-transition: all 0.5s;
            transition: all 0.5s; }
            .section .section_section .section_section_section > ul > li > div span h3 {
              width: 140px;
              height: 40px;
              border: 1px solid black;
              font-size: 18px;
              margin: 0 auto;
              line-height: 40px;
              color: white; }
          .section .section_section .section_section_section > ul > li > div:hover span {
            opacity: 1; }
      .section .section_section .section_section_section p {
        margin-left: 11px;
        margin-top: 5px;
        font-size: 12px; }
        .section .section_section .section_section_section p:first-of-type {
          margin-top: 25px; }
        .section .section_section .section_section_section p:nth-of-type(2) {
          margin-top: 7px; }
